<template>
  <div>
    UserManagement
    <!--        <el-row>-->
    <!--            <el-col>-->
    <!--                <el-button type="primary" icon="Plus" @click="openAddDialog">添加用户</el-button>-->
    <!--            </el-col>-->
    <!--        </el-row>-->
    <!--        <el-table :data="users" style="width: 100%">-->
    <!--            <el-table-column prop="name" label="账号" width="120" />-->
    <!--            <el-table-column prop="role" label="角色" width="120" />-->
    <!--            <el-table-column prop="status" label="账号状态" width="120">-->
    <!--                <template #default="scope">-->
    <!--                    <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">-->
    <!--                        {{ scope.row.status === 1 ? '正在使用' : '已锁住' }}</el-tag>-->
    <!--                </template>-->
    <!--            </el-table-column>-->
    <!--            <el-table-column prop="college" label="管理的学院" width="120" />-->
    <!--            <el-table-column label="操作">-->
    <!--                <template #default="scope">-->
    <!--                    <el-button size="small" type="info" @click="openEditDrawer(scope.row)">修改权限</el-button>-->
    <!--                    <el-button size="small" type="success" @click="openEditDrawer(scope.row)">重置密码</el-button>-->
    <!--                    <el-button size="small" type="warning" @click="handleStatus(scope.row)">-->
    <!--                        {{ scope.row.status == 1 ? '锁定' : '解锁' }}</el-button>-->
    <!--                    <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>-->
    <!--                </template>-->
    <!--            </el-table-column>-->
    <!--        </el-table>-->
    <!--        <el-row style="margin-top: 10px;">-->
    <!--            <el-col :span="12" :offset="3">-->
    <!--                <el-pagination v-model:current-page="currentPage" :page-size="7" background="true"-->
    <!--                    layout="total, prev, pager, next" :total="10" @current-change="handleCurrentChange" />-->
    <!--            </el-col>-->
    <!--        </el-row>-->
    <!--       -->
    <!--        <el-dialog v-model="dialogFormVisible" title="添加用户" draggable>-->
    <!--            <el-form :model="user" :rules="addRules">-->
    <!--                <el-form-item prop="name" label="工号/学号">-->
    <!--                    <el-input v-model="user.name" autocomplete="off" />-->
    <!--                </el-form-item>-->
    <!--                <el-form-item prop="passwrod" label="密码">-->
    <!--                    <el-input v-model="user.password" autocomplete="off" />-->
    <!--                </el-form-item>-->
    <!--                <el-form-item prop="cpasswrod" label="重复密码">-->
    <!--                    <el-input v-model="user.cpassword" autocomplete="off" />-->
    <!--                </el-form-item>-->
    <!--                <el-form-item>-->
    <!--                    <el-button type="primary" @click="onSubmit">添加</el-button>-->
    <!--                    <el-button>取消</el-button>-->
    <!--                </el-form-item>-->
    <!--            </el-form>-->
    <!--        </el-dialog>-->
  </div>
</template>

<script>
export default {
  name: 'UserManagement',
  // data() {
  //   return {
  //     dialogFormVisible: false,
  //     user: {},
  //     users: [{
  //       name: '2019040',
  //       password: '123456',
  //       role: '辅导员'
  //     }, {
  //       name: '2019041',
  //       password: '123456',
  //       role: '辅导员'
  //     }, {
  //       name: '2019042',
  //       password: '123456',
  //       role: '辅导员'
  //     }
  //     ],
  //     addRules: {
  //       name: [{
  //         required: true,
  //         message: '请输入工号/学号',
  //         trigger: 'blur',
  //       }],
  //       password: [{
  //         required: true,
  //         message: '请输入密码',
  //         trigger: 'blur',
  //       }],
  //       cpassword: [{
  //         required: true,
  //         message: '请输入确认密码',
  //         trigger: 'blur',
  //       }],
  //     },
  //   };
  // },
  // methods: {
  //   getCollegeCode(code) {
  //     this.collegeCode = code;
  //   },
  // },
}
</script>
